<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      href="https://cdn.bootcdn.net/ajax/libs/reseter.css/2.0.0/minireseter.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/c/font_5044089_z9gmmqfr0wo.css"
    />
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <div class="container">
      <div class="online-card__container">
        <header class="userinfo__container">
          <div class="userinfo__info">
            <!-- 姓名 -->
            <h1 class="userinfo__name">小魏</h1>
            <!-- 求职意向 -->
            <div class="userinfo__intention">
              <!-- <strong class="txt__bold">求职意向：</strong> -->
              <ul class="intention__container">
                <li class="intention__item intention__position txt__bold">
                  求职意向：前端开发
                </li>
                <li class="intention__item intention__location">福州</li>
                <li class="intention__item intention__salary">9-11</li>
                <li class="intention__item intention__time">随时到岗</li>
              </ul>
            </div>
            <!-- 资料 -->
            <ul class="userinfo__details">
              <li class="details__item">
                <i class="iconfont icon-rili"></i>
                <span class="details__key">年 龄：</span>
                <span class="deatils__value">28岁</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-nansheng"></i>
                <span class="details__key">性 别：</span>
                <span class="deatils__value">男</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-weizhi"></i>
                <span class="details__key">籍 贯：</span>
                <span class="deatils__value">宁德</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-gongwenbao"></i>
                <span class="">工作年限：</span>
                <span class="deatils__value">2年经验</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-dianhua"></i>
                <span class="details__key">电 话：</span>
                <span class="deatils__value">13777777777</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-youxiang"></i>
                <span class="details__key">邮 箱：</span>
                <span class="deatils__value">111111111@qq.com</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-QQ"></i>
                <span class="details__key">Q Q：</span>
                <span class="deatils__value">111111111</span>
              </li>
              <li class="details__item">
                <i class="iconfont icon-weixin"></i>
                <span class="details__key">微 信：</span>
                <span class="deatils__value">28岁</span>
              </li>
            </ul>
          </div>
          <!-- 头像 -->
          <div class="userinfo__avatar">
            <img src="https://www.qmjianli.com/images/edit/man.png" alt="" />
          </div>
        </header>
        <!-- 技术栈 -->
        <section class="resume__container">
          <div class="resume__position">
            <div class="resume__icon">
              <i class="iconfont icon-jishuzhan"></i>
            </div>
            <h2 class="resume__title">技术栈</h2>
          </div>
          <div class="resume__content">
            <p>
              <strong>框架方面：</strong>
              精通Vue2/3
              现代前端框架，理解两个框架之间的核心原理以及差异，拥有两大框架开发多个大型项目的开发经验，对两大框架的周边生态（Vue
              Router、Pinia、ElementUI）有一定的使用心得和体会。
            </p>
            <p>
              <strong>工程化方面：</strong>
              熟练掌握Webpack、Vite等前端工程化工具，了解不同工具的核心原理以及差异，针对每种工具能实现自定义构建流程和打包优化。
            </p>
            <p>
              <strong>C端开发经验：</strong>
              熟练使用UniAPP跨端框架或者原生语法独立开发微信小程序。
            </p>

            <p>
              <strong>性能优化：</strong>
              掌握前端常见性能优化手段，包括代码分割、懒加载、资源优化等技术，显著降低FCP和LCP时间，提升用户交互体验。
            </p>

            <p>
              <strong>后端能力：</strong>
              熟悉Node.js以及Express等框架，能够设计并实现Restful风格的API，做到前后端分离。
            </p>

            <p>
              <strong>编码能力：</strong>
              拥有扎实的HTML、CSS、JS基础，针对部分前端核心知识有深入研究。
            </p>
          </div>
        </section>
        <!-- 项目经验 -->
        <section class="resume__container">
          <div class="resume__position">
            <div class="resume__icon">
              <i class="iconfont icon-jishuzhan"></i>
            </div>
            <h2 class="resume__title">项目经验</h2>
          </div>
          <div class="resume__content">
            <p>
              <strong>vue项目</strong>
              项目正在努力开发中
              <a href="#" class="resume__link">
                <i class="iconfont icon-xiangmulianjie"></i>
                项目链接</a
              >
            </p>
          </div>
        </section>
        <!-- 教育背景 -->
        <section class="resume__container">
          <div class="resume__position">
            <div class="resume__icon">
              <i class="iconfont icon-jiaoyubeijing"></i>
            </div>
            <h2 class="resume__title">教育背景</h2>
          </div>
          <div class="resume__content">
            <div class="stu__container">
              <span class="stu__info">2018-09~2022-07</span>
              <span class="stu__info">福州理工学院</span>
              <span class="stu__info">计算机科学与技术（本科）</span>
            </div>
            <p>
              主修课程包括计算机基础、C语言编程、Java编程、Python编程、数据结构、数据库系统、网络基础、软件以及前端开发技术。
            </p>
          </div>
        </section>
        <!-- 个人评价 -->
        <section class="resume__container">
          <div class="resume__position">
            <div class="resume__icon">
              <i class="iconfont icon-geren"></i>
            </div>
            <h2 class="resume__title">个人评价</h2>
          </div>
          <div class="resume__content">
            <p>
              热衷于前端开发领域，不断扩展专业知识库，深入研读了众多前沿的前端技术书籍，包括但不限于《Vue.js设计与实现》《你不知道的JavaScript》《前端工程化-体系设计与实践》等。无论面对何种新兴技术，始终持积极态度，并通过阅读专业书籍以及看相关视频，能在一周内快速理解并应用这些技术。
            </p>
          </div>
        </section>
      </div>
    </div>
  </body>
</html>
